<!DOCTYPE html>
<html>
  <head>
    <title>jQuery WeUI</title>
    <meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>

<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
"/>

<link rel="stylesheet" th:href="@{/dist/lib/weui.min.css}" />
<link rel="stylesheet" th:href="@{/dist/css/jquery-weui.min.css}" />
<link rel="stylesheet" th:href="@{/dist/demos/css/demos.css}" />
<script type="text/javascript" th:src="@{/dist/lib/jquery-2.1.4.js}" ></script>
<script type="text/javascript" th:src="@{/dist/js/city-picker.js}" ></script>
<script type="text/javascript" th:src="@{/dist/js/jquery-weui.js}" ></script>
<script type="text/javascript" th:src="@{/dist/lib/fastclick.js}" ></script>
<link rel="stylesheet" th:href="@{/adminltecss/userl.css}" />
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <style type="text/css">
   		.cusmar{
  		margin-left: 40px;
  	}
  	.header-wai{
  		position: fixed;top:0px; height:60px;background-color: #363436;
  	}
   
   
   </style>
		
		<script type="text/javascript" th:inline="javascript">
			  /*<![CDATA[*/
				  	
				  		
				  		function seachDemo(){
				  			var iname=$("input[name='iname']").val();
					  		var dtype=$("input[name='dtype']").val();
					  		var harea=$("input[name='harea']").val();
					  		var eprice=$("input[name='eprice']").val();
					  		var hfloor=$("input[name='hfloor']").val();
					  		var rfacility=$("input[name='rfacility']").val();
					  		var iaddress=$("input[name='iaddress']").val();
					  		var str="";
					  		if(iname!=""&&iname!=null){
					  			str=str+"&iname="+iname;
					  		}
					  		if(dtype!=""&&dtype!=null){
					  			str=str+"&dtype="+dtype;
					  		}
					  		if(harea!=""&&harea!=null){
					  			if(parseInt(harea)==60&&harea.split("-")[1]==undefined){
					  				str=str+"&harea="+parseInt(harea);
				  				}else{
					  			
					  			str=str+"&harea="+harea;
				  				}
					  		}
					  		if(eprice!=""&&eprice!=null){
					  			
					  			if(parseInt(eprice)==10000&&eprice.split("-")[1]==undefined){
					  				str=str+"&eprice="+parseInt(eprice);
				  				}else{
					  			str=str+"&eprice="+eprice;
				  				}
					  		}
					  		if(hfloor!=""&&hfloor!=null){
					  			if(parseInt(hfloor)==7&&hfloor.split("-")[1]==undefined){
					  				str=str+"&hfloor="+parseInt(hfloor);
				  				}else{
					  			str=str+"&hfloor="+hfloor;
				  				}
					  		}
					  		if(rfacility!=""&&rfacility!=null){
					  			str=str+"&rfacility="+rfacility;
					  		}
					  		if(iaddress!=""&&iaddress!=null){
					  			str=str+"&iaddress="+iaddress;
					  		}
					  		
					  		if(str.trim()!=""){
					  		str=str.substring(1,str.length);
					  		str="?"+str
					  		}
					  		/* alert(str) */
					  		 window.location.href="/WHeadInfoController/dynmicSelectInfo"+str+""; 
				  			
				  		}
				  		
			  
				  		/*返回上一级  */
				  		function returnDemo(){
				  			window.history.back(-1); 
				  		}
				  		
				  
			  /*]]>*/
  </script>


  </head>
  <body ontouchstart>
  <div class="weui-tabbar header-wai" style="">
  		<a href="sc-anchanginfo.html" class="weui-tabbar__item">
          <div class="weui-tabbar__icon"></div>
          <p class="weui-tabbar__label" style="font-size: 20px; color: white; line-height: 1px;">
          	<span class="fa fa-angle-left fa-2x" style="color: white; float: left;line-height: 10px;" onclick="returnDemo()"></span>
          	房屋查询<span class="fa fa-angle-down fa-2x" style="color: white;float: right; margin-right: 10px;line-height: 10px;"></span></p>
        </a>
      </div>
  	<div class="weui-grids" style="margin-top:45px">
  	<div class="weui-cells weui-cells_form">
      <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">楼盘名字</label></div>
        <div class="weui-cell__bd">
          <input class="weui-input" type="text" name="iname"  placeholder="名字">
        </div>
      </div>
      <div class="weui-cells weui-cells_form">
      <div class="weui-cell">
        <div class="weui-cell__hd"><label for="name" class="weui-label">户型</label></div>
        <div class="weui-cell__bd">
          <input class="weui-input" id="name" name="dtype" type="text" value="">
        </div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__hd"><label for="date" class="weui-label">面积</label></div>
        <div class="weui-cell__bd">
          <input class="weui-input" id="mobile" name="harea"  type="text" value="">
        </div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__hd"><label for="date" class="weui-label">单价</label></div>
        <div class="weui-cell__bd">
          <input class="weui-input" id="price" name="eprice" type="text" value="">
        </div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__hd"><label for="date" class="weui-label">所在楼层</label></div>
        <div class="weui-cell__bd">
          <input class="weui-input" id="high" name="hfloor" type="text" value="">
        </div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__hd"><label for="date" class="weui-label">周边设施</label></div>
        <div class="weui-cell__bd">
          <input class="weui-input" id="area" name="rfacility" type="text" value="">
        </div>
      </div>
      <div class="weui-cells weui-cells_form" style="margin: 10px;">
      <div class="weui-cell">
        <div class="weui-cell__hd"><label for="name" class="weui-label">地区</label></div>
        <div class="weui-cell__bd">
          <input class="weui-input" id="start" name="iaddress" type="text" value="">
        </div>
      </div>
      
    </div>
    </div>
      
        
      
      
      
      
    </div>
  			
    <div class='demos-content-padded'>
    	
    	<a href="javascript:seachDemo();" class="weui-btn weui-btn_primary">点击搜索</a>
    	</div>
  	
  	
  	</div>
  	 
       <br/>
      <br/>
  	
  	<div class="weui-tabbar" style="position: fixed;">
        <a th:href="@{/WHeadInfoController/intoMainPage}" class="weui-tabbar__item weui-bar__item--on">
         <!--  <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span> -->
          <div class="weui-tabbar__icon">
            
            <img th:src="@{/demos/images/icon_nav_button.png}" />
          </div>
          <p class="weui-tabbar__label">首页</p>
        </a>
        
        
        
        
        
        
        
        
        
        
        
        
        <!--判断是否登陆  -->
        <a href="javascript:void(0)" class="weui-tabbar__item" th:if="${session.EmployeeInfo!=null}"> 
          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_msg.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">菜单</p>
        </a>
        
        <a th:href="@{/WBizController/loginDemo}" class="weui-tabbar__item" th:if="${session.EmployeeInfo==null}"> 
          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_msg.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">菜单</p>
        </a>

		<!--判断是否登陆  -->
        <a th:href="@{/selectAllCustomers}" class="weui-tabbar__item" th:if="${session.EmployeeInfo!=null}">

          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_article.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">客户</p>
        </a>
         <a th:href="@{/WBizController/loginDemo}" class="weui-tabbar__item" th:if="${session.EmployeeInfo==null}">

          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_article.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">客户</p>
        </a>
        
        
        
        
        
        
        
        
        <a th:href="@{/WBizController/HeadPage}" class="weui-tabbar__item">
          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_cell.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">我的</p>
        </a>
      </div>
      
      
      <script>
  $(function() {
    FastClick.attach(document.body);
  });
</script>
      <script>
      	$("#start").cityPicker({
        title: "选择出发地",
        onChange: function (picker, values, displayValues) {
          console.log(values, displayValues);
        }
      });
      $("#end").cityPicker({
        title: "选择目的地"
      });
      $("#home-city").cityPicker({
        title: "选择目的地",
        showDistrict: false,
        onChange: function (picker, values, displayValues) {
          console.log(values, displayValues);
        }
      });
      </script>
      <script>
      	$("#name").picker({
        title: "请选择户型信息",
        cols: [
          {
            textAlign: 'center',
            values: ['一室', '二室', '三室', '四室','五室', '更多']
          }
        ],
        onChange: function(p, v, dv) {
          console.log(p, v, dv);
        },
        onClose: function(p, v, d) {
          console.log("close");
        }
      });
      $("#mobile").picker({
        title: "请选择面积信息",
        cols: [
          {
            textAlign: 'center',
            values: ['', '']
          },
          {
            textAlign: 'center',
            values: ['60以下', '60-90', '90-120', '120-140', '140-200','更多']
          }
        ]
      });
      $("#price").picker({
        title: "请选择每平米的价格信息",
        cols: [
          {
            textAlign: 'center',
            values: ['', '']
          },
          {
            textAlign: 'center',
            values: ['10000以下', '10000-13000', '13000-15000', '15000-25000', '更多']
          }
        ]
      });
      $("#high").picker({
        title: "请选择楼层信息",
        cols: [
          {
            textAlign: 'center',
            values: ['', '']
          },
          {
            textAlign: 'center',
            values: ['1-3', '4-7',  '7以上', '更多']
          }
        ]
      });
      $("#area").picker({
        title: "请选择周边环境",
        cols: [
          {
            textAlign: 'center',
            values: ['', '']
          },
          {
            textAlign: 'center',
            values: ['学校', '地铁', '医院', '公交', '更多']
          }
        ]
      });
      </script>
  	</body>
  </html>